<template>
    <div class="training-title"></div>
    <div class="tranining-content">
        <div class="item">
            <div class="left">
                <img class="img" src="../../../assets/icon16.png" alt="">
            </div>
            <div class="right">
                <p class="p1">本期参与培训人数</p>
                <p class="p2">99</p>
            </div>
        </div>
        <div class="item">
            <div class="left">
                <img class="img" src="../../../assets/icon15.png" alt="">
            </div>
            <div class="right">
                <p class="p1">本期优秀培训人数</p>
                <p class="p2">88</p>
            </div>
        </div>
    </div>
    <div class="training-bottom">
        <div class="item">
            <span class="sp1">本期优秀新增</span>
            <span class="sp2 setColor">10人</span>
        </div>
        <div class="item">
            <span class="sp1">综合能力提升</span>
            <span class="sp2 setColor">10%</span>
        </div>
    </div>
</template>

<script setup lang="ts">

</script>

<style scoped>
.training-title{
    width: 100%;
    height: 36px;
    margin: 9px 0 9px 0;
    background-image: url("../../../assets/icon3.png");
    background-size: 100% 100%;
}
.tranining-content{
    width: 100%;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    .item{
        display: flex;
        align-items: center;
        justify-content: space-between;
        .left{
            width: 43px;
            height: 44px;
            .img{
                width: 43px;
                height: 44px;
            }
        }
        .right{
            width: 217px;
            margin-left: 12px;
            .p1{
                background: rgba(108, 128, 151, 0.1);
                font-weight: 400;
                font-size: 12px;
                color: #FFFFFF;
            }
            .p2{
                background: rgba(108, 128, 151, 0.1);
                font-family: PingFangSC-SNaNpxibold;
                font-weight: 600;
                font-size: 16px;
                color: #FFFFFF;
                margin-top: 5px;
            }
        }
    }
}
.training-bottom{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 9px;
    .item{
        width: 267px;
        height: 40px;
        background-image: url("../../../assets/icon17.png");
        background-size: 100% 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
        padding: 0 22px;
        .sp1{
            font-family: PingFangSC-Regular;
            font-weight: 400;
            font-size: 14px;
            color: #FFFFFF;
        }
        .sp2{
            font-family: AlimamaShuHeiTi-Bold;
            font-weight: 700;
            font-size: 22px;
        }
    }
}
</style>